@extends('layouts.admin-app')
@section('style')
    <link rel="stylesheet" href="{{ asset('xiaode/css/comon0.css') }}">
    <style>
        .mainbox{
            color: white; @import
        }
    </style>
@endsection
@section('content')

    <div class="contentpanel panel-email">

        <div class="row">

            <div class="col-sm-9 col-lg-12">

                <div class="panel panel-default">
                    <div class="panel-body">

                        <div style="background:#000d4a url(images/bg.jpg) center top;">
                            <div class="loading">
                                <div class="loadbox"> <img src="picture/loading.gif"> 页面加载中... </div>
                            </div>
                            <div class="back"></div>
                            <div class="head">
                                <div class="weather"><span id="showTime"></span></div>
                                <h1 onclick="onclick="location.href='#'"">小德健康可视化数据展示平台</h1>

                            </div>
                        </div>

                        <div class="mainbox">
                            <ul class="clearfix">
                                <li>
                                    <div class="boxall" style="height:400px;">
                                        <div class="alltitle">异常占优比（此模块不要）</div>
                                        <div class="navboxall" id="echart5"></div>
                                    </div>
                                    <div class="boxall" style="height:260px;">
                                        <div class="alltitle">异常数据</div>
                                        <div class="navboxall" >
                                            <div class="wraptit">
                                                <span>病房</span><span>床位</span><span>血氧</span><span>体温</span>
                                            </div>
                                            <div class="wrap">
                                                <ul>
                                                    <li><p><span>1</span><span>199</span><span>85</span><span><span>41</span></p></li>
                                                    <li><p><span>2</span><span>199</span><span>85</span><span><span>39</span></p></li>
                                                    <li><p><span>3</span><span>199</span><span>85</span><span><span>39</span></p></li>
                                                    <li><p><span>4</span><span>199</span><span>85</span><span><span>39</span></p></li>
                                                    <li><p><span>1</span><span>199</span><span>85</span><span><span>39</span></p></li>
                                                    <li><p><span>1</span><span>199</span><span>85</span><span><span>39</span></p></li>
                                                    <li><p><span>2</span><span>199</span><span>85</span><span><span>39</span></p></li>
                                                    <li><p><span>2</span><span>199</span><span>85</span><span><span>39</span></p></li>
                                                    <li><p><span>2</span><span>199</span><span>85</span><span><span>39</span></p></li>

                                                </ul>
                                            </div>

                                        </div>
                                    </div>
                                    <div class="boxall" style="height:260px;">
                                        <div class="alltitle">数据分布（不要）</div>

                                        <div class="navboxall" id="echart1"></div>
                                    </div>
                                </li>
                                <li>

                                    <div class="boxall" style="height:230px">
                                        <div class="clearfix navboxall" style="height: 100%">
                                            <div class="pulll_left num">
                                                <div class="numbt">总体情况<span>(单位：人)</span></div>
                                                <div class="numtxt">1938 </div>
                                            </div>
                                            <div class="pulll_right zhibiao">
                                                <div class="zb1"><span>血氧异常</span><div id="zb1"></div></div>
                                                <div class="zb2"><span>温度异常</span><div id="zb2"></div></div>
                                                <div class="zb3"><span>心率异常</span><div id="zb3"></div></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="boxall" style="height:350px">
                                        <div class="alltitle">异常增长比</div>
                                        <div class="navboxall" id="echart4"></div>

                                    </div>
                                    <div class="boxall" style="height:340px">
                                        <div class="alltitle">结果走势（不要）</div>
                                        <div class="navboxall" id="echart3"></div>
                                    </div>
                                </li>
                                <li>
                                    <div class="boxall" style="height:300px">
                                        <div class="alltitle">血氧结果</div>
                                        <div class="navboxall">
                                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                <tr>
                                                    <th scope="col">排名</th>
                                                    <th scope="col">病房</th>
                                                    <th scope="col">数量</th>
                                                    <th scope="col">增长数</th>
                                                </tr>
                                                <tr>
                                                    <td><span>1</span></td>
                                                    <td>一区病房</td>
                                                    <td>114万<br></td>
                                                    <td>100<br></td>
                                                </tr>
                                                <tr>
                                                    <td><span>2</span></td>
                                                    <td>二区病房</td>
                                                    <td>923823万</td>
                                                    <td>21</td>
                                                </tr>

                                                <tr>
                                                    <td><span>3</span></td>
                                                    <td>三区病房</td>
                                                    <td>1240253万</td>
                                                    <td>12</td>
                                                </tr>
                                                <tr>
                                                    <td><span>4</span></td>
                                                    <td>四区病房</td>
                                                    <td>1.2亿</td>
                                                    <td>39%</td>
                                                </tr>
                                                <tr>
                                                    <td><span>5</span></td>
                                                    <td>五区病房</td>
                                                    <td>13423万</td>
                                                    <td>9%</td>
                                                </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    <div class="boxall" style="height: 300px">
                                        <div class="alltitle">温度结果</div>
                                        <div class="navboxall">
                                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                <tr>
                                                    <th scope="col">排名</th>
                                                    <th scope="col">病房</th>
                                                    <th scope="col">数量</th>
                                                    <th scope="col">增长数</th>
                                                </tr>
                                                <tr>
                                                    <td><span>1</span></td>
                                                    <td>一区病房</td>
                                                    <td>114万<br></td>
                                                    <td>100<br></td>
                                                </tr>
                                                <tr>
                                                    <td><span>2</span></td>
                                                    <td>二区病房</td>
                                                    <td>923823万</td>
                                                    <td>21</td>
                                                </tr>

                                                <tr>
                                                    <td><span>3</span></td>
                                                    <td>三区病房</td>
                                                    <td>1240253万</td>
                                                    <td>12%</td>
                                                </tr>
                                                <tr>
                                                    <td><span>4</span></td>
                                                    <td>四区病房</td>
                                                    <td>1.2亿</td>
                                                    <td>39%</td>
                                                </tr>
                                                <tr>
                                                    <td><span>5</span></td>
                                                    <td>五区病房</td>
                                                    <td>13423万</td>
                                                    <td>9%</td>
                                                </tr>

                                                </tbody>
                                            </table>
                                        </div>

                                    </div>

                                    <div class="boxall" style="height:320px">
                                        <div class="alltitle">治愈数量（不要）</div>
                                        <div class="navboxall" id="echart2"></div>
                                    </div>


                                </li>
                            </ul>

                        </div>
                    </div>

                    </div><!-- panel-body -->
                </div><!-- panel -->

            </div><!-- col-sm-9 -->

        </div><!-- row -->

    </div>
@endsection

@section('javascript')
    <script type="text/javascript" src="{{ asset('xiaode/js/jquery.js') }}"></script>
    <script type="text/javascript" src="{{ asset('xiaode/js/echarts.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('xiaode/js/js.js') }}"></script>
    <script type="text/javascript" src="{{ asset('xiaode/js/jquery.limarquee.js') }}"></script>
    <script type="text/javascript" src="{{ asset('xiaode/js/jquery.cxselect.min.js') }}"></script>
    <script>
        var t = null;
        t = setTimeout(time,1000);//開始运行
        function time()
        {
            clearTimeout(t);//清除定时器
            dt = new Date();
            var y=dt.getFullYear();
            var mt=dt.getMonth()+1;
            var day=dt.getDate();
            var h=dt.getHours();//获取时
            var m=dt.getMinutes();//获取分
            var s=dt.getSeconds();//获取秒
            document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"日"+h+"时"+m+"分"+s+"秒";
            t = setTimeout(time,1000); //设定定时器，循环运行
        }

        $(function(){
            $('.wrap,.adduser').liMarquee({
                direction: 'up',//身上滚动
                runshort: false,//内容不足时不滚动
                scrollamount: 20//速度
            });
        });
    </script>
@endsection
